<!-- 首页 -->
<template>
	<view class="container" v-if="show">
		<view class="empty" :style="{'margin-top':top}">
			<image src="/static/images/index/empty/data.png" mode=""></image>
			<text>{{text}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"",
		props:{
			show:{
				type:Boolean,
				default:false
			},
			type:{
				type:String,
				default:'data'
			},
			text:{
				type:String,
				default:'暂无数据'
			},
			top:{
				type:String,
				default:'110rpx'
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.container{
		.empty{
			// margin-top: 110rpx;
			// margin-top: 30%;
			text-align: center;
			display: flex;
			flex-direction: column;
			align-items: center;
			&>image{
				width: 320rpx;
				height: 320rpx;
			}
			&>text{
				margin-top: 8rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #808695;
			}
		}
	}
</style>
